@import "src/css/mixin";

#ServiceArea{

  #area_vue{
    padding-bottom: .5rem;
  }
  h3{
    color: $blue;
    font-size: .3rem;
    margin-top:.3rem;
    margin-bottom:.25rem;
  }
  .item{
    position: relative;
    width: 100%;
    padding: .2rem 0;
    font-size: .15rem;
    line-height: .15rem;
    color: $black;
    border-bottom: 1px solid $linecolor;

    .option{
      display:inline-block;
      width: .17rem;
      height:.17rem;
      border-radius: 50%;
      color: $linecolor;
      border: 1px solid $linecolor;
    }
    .icon-right{
      color: $black;
      font-size: .12rem;
      position:relative;
      top:1px;
    }
    .containInfo{
      font-size: .12rem;
    }
    .light-gray{
      color: $lightgray;
    }
  }
  .icon-checkmark{
    font-size: .17rem !important;
    color: $green;
  }
  .btn{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .5rem;
    border-radius: 0;
  }
}